<template>
  <div class="app-container">
    <Find :OriginalFilter="{ static: true }" :formList="formList1" @findClicked="findData" />

    <el-card style="margin-top: 10px" shadow="always" :body-style="{ padding: '20px' }">
      <div>
        <h1>收料明细</h1>
        <Table :tableHeader="tableHeader" :tableData="tableData1" :TableHeight="460" />
      </div>
      <div>
        <h1>发料明细</h1>
        <Table :tableHeader="tableHeader1" :tableData="tableData1" :TableHeight="460" />
      </div>

      <PageModule :PageData="{ pageSizeShow: true }" />
    </el-card>
  </div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import JMessage from '@/utils/JMessage'
export default defineComponent({
  name: 'InsoleReceiptAndDeliveryDocuments'
})
</script>
<script lang="ts" setup>
import { i18n, Jzhcn } from '@/i18n'
import { ref } from 'vue'
const formList1 = ref([
  {
    type: 'input',
    inputPlaceholder: '请输入指令',
    inputValue: ''
  },
  {
    type: 'input',
    inputPlaceholder: '',
    inputValue: '',
    inputLabel: '型体',
    inputDisabled: true
  },
  {
    type: 'input',
    inputPlaceholder: '',
    inputValue: '',
    inputLabel: '颜色',
    inputDisabled: true
  },
  {
    type: 'input',
    inputPlaceholder: '',
    inputValue: '',
    inputLabel: '交期',
    inputDisabled: true
  },
  {
    type: 'input',
    inputPlaceholder: '',
    inputValue: '',
    inputLabel: '数量',
    inputDisabled: true
  },
  {
    type: 'checkbox',
    checkboxLabel: '入库',
    checked: false
  },
  {
    type: 'checkbox',
    checkboxLabel: '出库',
    checked: false
  },
  {
    type: 'button',
    checkboxLabel: '打印指令出入库单据'
  }
])

const findData = (a: any) => {}

// 表格数据
const tableHeader = ref([
  {
    label: '厂商',
    prop: 'slipNo'
  },
  {
    label: '收料日期',
    prop: 'dutyDeptName'
  },
  {
    label: '送货单号',
    prop: 'sysUser'
  },
  {
    label: '',
    prop: 'name'
  },
  {
    label: ''
  },
  {
    label: '',
    prop: 'dutyMemo'
  },
  {
    label: '',
    prop: 'dutyMemo'
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: '收料合计'
  },
  {
    label: '收料欠数'
  },
  {
    label: '合计'
  },
  {
    label: '备注'
  }
])

const tableData1 = [
  {
    date: '20230427',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-02',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-04',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  },
  {
    date: '2016-05-01',
    name: 'Tom',
    address: '12312'
  }
]

const tableHeader1 = ref([
  {
    label: '领用单位',
    prop: 'slipNo'
  },
  {
    label: '发料日期',
    prop: 'slipDate'
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: ''
  },
  {
    label: '发料合计'
  },
  {
    label: '发料欠数'
  },
  {
    label: '库存数量'
  },
  {
    label: '合计'
  },
  {
    label: '备注'
  }
])
</script>

<style lang="less" scoped>
h1 {
  font-size: 16px;
}
</style>
